@font-face 
{
	font-family: 'PT Sans Narrow';
	font-style: normal;
	font-weight: normal;
	src: url('/css/ptsans.eot');
	src: local('PT Sans Narrow'), local('PTSans-Narrow'), url('/css/ptsans.ttf') format('truetype');
}

.PTSans
{
	font-family: "PT Sans Narrow";
	text-decoration: none;
	font-size: medium;
}

.rounded
{
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 5px; 
	-khtml-border-radius: 10px;
}

body
{
	margin: 0px;
	padding:0px;
	background: #eee;
	font-family: "PT Sans", Tahoma;
	font-size: 16px;
}

div#headDiv
{
	background: #eee;
	padding:10px;
	font-family: "PT Sans Narrow";
	text-align:left;
}

.centered
{
	text-align: center;
}

div#menuDiv
{
	background: #444;
	font-family: "PT Sans Narrow";
	font-size: 15pt;
	text-align:left;
	width:100%;
	display: table;
}

div#middleDiv
{
	min-height:400px;
	padding: 10px;
}

div.rowDiv
{
	display:table-row;
}

a.menuLink
{
	display: inline-block;
	margin: 0px;
	padding: 6px 10px;
	text-decoration:none;
	color: #fff;
	border-right: 1px solid #888;
	float:left;
}

a.menuLink:hover
{
	background: #666;
	color: #fff;
}

table, .bordered
{
	border: 1px solid #ccc;
}

td
{
	vertical-align: top;
}

table:not(.noHighLight) tbody tr:hover
{
	background-color:#ddd;
}

a
{
	color: #333;
}

a:hover, .linkStyled:hover
{
	color: #888;
}

hr
{
	color:#ccc;
}

.settingsBlock
{
	border: 1px solid #ccc;
	padding: 10px;
	display: table;
}

.block
{
	display: block;
}

.linkStyled
{
	cursor: pointer;
	text-decoration: underline;
}

/* add page
=================================*/
textarea#pageText
{
	width:100%;
	height:100px;
}

div.inlineDiv
{
	display: inline-block;
}

.removeImg
{
	cursor: pointer;
}

.helpDiv
{
	border: 1px solid #ccc;
	padding: 10px;
	float: left;	
	margin-left: 10px;
}

.formTableDiv
{
	display: table;
	margin-bottom: 10px;
}

.formTableSubDiv
{
	border: 1px solid #ccc;
	padding: 10px;
	float: left;	
	margin-left: 10px;
}

.formTableSubDiv>h3
{
	margin-top: 0;
}

td.textTD
{
	width:500px;
	padding: 0 10px;
}

/************************ PROGRESS *********************/

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

#progressBar
{
	height: 20px;
	border: 1px solid rgb(204, 204, 204);
	width: 800px;
	position:relative;
	overflow: hidden;
	margin-bottom: 10px;
	background-color: #f7f7f7;
}

.progress .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
     -moz-transition: width 0.6s ease;
       -o-transition: width 0.6s ease;
          transition: width 0.6s ease;
  background-color: #B1B1B1;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
     -moz-background-size: 40px 40px;
       -o-background-size: 40px 40px;
          background-size: 40px 40px;
}

.progress.active .bar
{
  -webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
      -ms-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}

#progressValue
{
	padding:0;
	width:100%;
	color: #000;
	position: absolute;
	text-align:center;
	font-weight:bold;
}

/************************************************************************/

.mailingForm input[type=text]
{
	width: 100%;
}

.mailingForm textarea
{
	width: 600px;
	height: 300px;
}

#reportArea
{
	width: 800px;
	height: 300px;
	overflow-y: scroll;
	border: 1px solid #ccc;
}

/************************************ UPDATE ************************************/

div#updateResponse
{
	border: 1px dotted #ccc;
	padding: 10px;
	display: none;
}

div#updateComment
{
	border: 1px dotted #ccc;
	color: #444;
	padding: 2px 10px;
	display: table;
}

/************************************ PAGES ADD ************************************/

#feedbackDiv
{
	position: relative;
	display: table;
}

#feedbackDiv>table
{
	float: left;
}

#feedbackHelpDiv
{
	border: 1px solid #ccc;
	float: left;
	padding: 5px;
	margin-left: 10px;
}
